<template>
  <div class="training-container">
    <div class="training-top">
      <div class="training-content clearfix">
        <nav>
          <div class="top" @click="getUserInfo">
           <img class="avator" v-real-img="$store.state.user.headerimg" src="~@assets/images/myStudy-logo.png" alt="">
            <p class="name">个人中心</p>
       <!--     <div class="my-own">
              <div>
                <span>3</span>
                <div class="my-own-logo"><img src="./images/my-certificate-own-logo.png" alt="">证书</div>
              </div>
              <div>
                <span>0</span>
                <div  class="my-own-logo"><img src="./images/my-training-time-own-logo.png" alt="">学时</div>
              </div>
            </div>-->
          </div>
          <div class="bottom">
            <ul>
              <li v-for="(item,index) in menuList" v-show="item.isPublish == '1'" :key="index" :class="menuClass(item.className)"  @click="toUrl($event,`${item.url}`)">
                <img :src="imgUrl(item.className)" alt="">
                <span>{{item.name}}</span>
              </li>
            </ul>
          </div>
        </nav>
        <section>
          <router-view :key="key" />
        </section>
      </div>
    </div>

    <el-dialog :visible.sync="dialogVisible" title="个人中心" :close-on-click-modal="false">
      <UserInfo :userInfo="userInfo" @update="handleUpdate"/>
    </el-dialog>
  </div>

</template>

<script>
  import index from "./indexjs"
  export default {
    ...index
  }
</script>

<style scoped lang="scss">
  @import "~@/styles/variables.scss";
  @import "index";
</style>
